
<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title data-action="ioc_href_index1">COT.network</title>
	<meta name="description" content="IOTBC" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta name="author" content="" />
	<link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" href="views/IMJ2V2/css/amazeui.min.css">
	<link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/contact.min.css" />
  <link rel="stylesheet" href="css/index.css" />
</head>

<body>
<header class="m-hd">
    <section data-am-sticky class="am-show-md-up">
        <div class="am-container">
            <h2 class="navLogo1"><img src="img/logo.png" height="49" width="49" /><!-- &nbsp;&nbsp;IOTBC --></h2>
            <nav style="float:right;">
              <ul class="m-nav am-nav am-nav-pills am-fr">
                <li class="am-active"><a href="index.html" rel="nofollow"><span data-action="ioc_href_index1">首页</span></a></li>
                <li><a href="contact.html" rel="nofollow"><span data-action="ioc_href_index2">合作入口</span></a></li>
                <li><a href="about.html" rel="nofollow"><span data-action="ioc_href_index3">关于我们</span></a></li>
                <li style="display:none;">
                    <a href="javascript:void(0)" rel="nofollow" style="border:1px solid #fff;">
                       <span onclick="chooseChi();" >中</span>&nbsp;/&nbsp;<span onclick="chooseEng();">En</span>
                    </a>
                </li>
              </ul>
            </nav>
        </div>
    </section>
    <!-- 移动端自适应 -->
    <nav data-am-widget="header" class="am-header am-show-sm-only">
      <div class="am-header-left am-header-nav">
        <a href="#right-link" class="" data-am-offcanvas="{target: '#r-nav'}">
          <i class="am-header-icon am-icon-bars" style="font-size:24px;"></i>
        </a>
      </div>
      <div class="am-header-right am-header-nav">
        <a href="index.html" rel="nofollow">
          <i class="am-header-icon am-icon-home" style="font-size:24px;"></i><!-- 首页-->
        </a>
      </div>
    </nav>

    <!-- 侧边栏内容 -->
    <nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas >
        <a href="javascript: void(0)" class="am-menu-toggle" style="position:absolute;right:-70px;"></a>
        <div id="r-nav" class="am-offcanvas">
          <div class="am-offcanvas-bar">
              <ul class="am-menu-nav am-avg-sm-1">
                  <li><a href="index.html" class="" ><span data-action="ioc_href_index1">首页</span></a></li>
                  <li><a href="contact.html" class="" ><span data-action="ioc_href_index2">合作入口</span></a></li>
                  <li><a href="about.html" class="" ><span data-action="ioc_href_index3">关于我们</span></a></li>
                  <li class="am-parent" style="display:none;">
                    <a href="" class="nav-icon nav-icon-globe" ><span data-action="ioc_href_index4">双语切换&nbsp;&nbsp;</span></a>
                      <ul class="am-menu-sub am-collapse btnSmall">
                          <li class="am-active" onclick="chooseChi();">
                            <a href="javascript:void(0)" ><span>中文</span></a>
                          </li>
                          <li class="" onclick="chooseEng();">
                            <a href="javascript:void(0)" ><span>English</span></a>
                          </li>
                      </ul>
                  </li>             
              </ul>
          </div>
        </div>
    </nav>
</header>
<div style="position:relative;overflow:hidden;" class="bgPic">
    <!-- <div id="particles-js" style="z-index:9999;"></div> -->
    <div class="box"></div>
    <div data-am-widget="slider" style="background-color: transparent;"   class="am-slider am-slider-i2 bgHover" data-am-flexslider="{controlNav:false}">
        
        <ul class="am-slides" style="position:relative;">
            <li class="am-slider-images" >
                <div class="am-container am-slider-desc">
                    <div class="am-slider-content" style="margin-top:80px;">
                        <img src="img/logo.png" height="148" width="148" class="bannerIcon" />
                        <!-- <h2 style="font-size:48px;font-weight:300;" >IOTBC</h2> -->
                        <h2 style="font-size:72px;font-weight:600;" ><span data-action="index_data_001"><b class="colorLetter">C</b>hains <b class="colorLetter">o</b>f <b class="colorLetter">T</b>hings</span></h2>
                        <p style="font-size:36px;font-weight:300;"><span data-action="index_data_002">COT是基于多链式区块链的通用智能硬件平台</span></p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div data-am-widget="slider" style="background-color: transparent;"  class="am-slider am-slider-i2 bgHover" data-am-flexslider="{controlNav:false}">
        <section class="am-container am-slides whiteBook" style="margin-top:260px;margin-left:225px;background-color:transparent;">
            <hgroup >
                <p style="font-size:36px;font-weight:300;color:#fff;"><span data-action="index_data_003">信任传递 信任交易 信任交互</span></p>
                <p style="font-size:36px;font-weight:400;color:#fff;"><span data-action="index_data_003_0">COT.network</span></p>
                <div class="am-btn submitStyle">
                    <span style="margin-bottom:5px;" data-action="index_data_004">白皮书与文档</span>
                    <p style="font-size:24px;font-weight:300;margin-top:20px;"><span data-action="index_data_005">即将上线，敬请期待</span></p>
                </div>
                <button class="submitStyle1">
                    <a href="https://t.me/joinchat/GNzDXAz37NV6s2IC-SfqSg" target="view_window">
                        <i class="iconfont">&#xe61c;</i>
                        <span data-action="index_data_004_1">TELEGRAM</span>
                    </a>
                </button>
                <p class="introDetail"><span data-action="index_data_003_1">COT识万物的智能硬件基础三维体系与可扩展的分布式公有链体系平台，能提供多种链和IOT物联网智能硬件系统底层结合的定制与支持，是区块链结合物联网的通用型平台，支撑实体社会与商业基于物的可信任识别、信任交易、信任交互和信任传递。</span></p>
            </hgroup>
        </section>
    </div>
</div>

<div class="am-container m-home-box contentBox" style="max-width:1100px;">
    <div class="section contentBox" style="padding-top:0;">
      <div class="container contentBox" style="padding-top:0;">
        <div class="section--header">
          <h2 class="section--title" style="color:#fff;text-align:left;border-bottom:3px solid #fff;line-height:105px;"><span data-action="index_data_003_2">应用场景</span></h2>
          <p class="sightdescript" style="margin-top:30px;font-size: 36px;font-weight: 300;color:#fff;text-align: left;">
            <span data-action="index_data_003_3">COT协作式公有链体系结合物联网智能硬件方案，为解决实体场景痛点和基础方案平台而生，提供可拓展的价值服务与效率信任支撑。</span>
          </p>
          <img class="bannerImg" src="img/banner.png" width="1100"/>
          <p class="sightdescript1" style="margin-top:30px;font-size: 20px;font-weight: 300;color:#fff;text-align: left;">
            <span data-action="index_data_003_4">构建万物信任：</span>
			<br />
            <span data-action="index_data_003_5">在基于物的社会场景中，物与物、物与人最本质的经济状态是交易与交互，而建立基于物的可信任识别，是交易、交互和传递的基础。COT专注构建以人为本基于物的价值生态，万物结合分布式链网技术提供了一种通用性的，物联网智能硬件协作式公有链的基础方案平台，让用户低门槛即可使用链网信任支撑的增值服务。
            </span>
          </p>
        </div>
      </div>
    </div>
</div>

<div class="am-container m-home-box contentBox" style="max-width:1100px;">
    <div class="section contentBox" style="padding-top:0;padding-bottom:20px;margin-bottom:10px;">
      <div class="container contentBox" style="padding-top:0;">
        <div class="section--header">
          <h2 class="section--title" style="color:#fff;text-align:left;border-bottom:3px solid #fff;line-height:105px;"><span data-action="index_data_006">解决方案</span></h2>
        </div>
      </div>
    </div>
    <div class="section product1-main">
      <div class="container" style="margin-bottom:30px;">
          <div class="am-g" id="proChoose">
            <div class="am-u-md-4 activePro showDetail">
              <i style="background-image:url(img/icon1.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_007">物联网技能API平台</span></h3>
                <p class="proText"><span data-action="index_data_007_1">为第三方开发者提供一整套技能开放、分享、测试、互助、协助、部署工具的开发平台实验室。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail">
              <i style="background-image:url(img/icon2.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_008">物与物的应用系统</span></h3>
                <p class="proText"><span data-action="index_data_008_1">提供物联网链云服务器系统，打造一条去中心化（Dapp）的物联网公有链网络系统。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail">
              <i style="background-image:url(img/icon3.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_009">数字化智能平台系统</span></h3>
                <p class="proText"><span data-action="index_data_009_1">由智能标签，智能链网器，以及手机APP等组成。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail">
              <i style="background-image:url(img/icon4.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_010">智能硬件交互系统</span></h3>
                <p class="proText"><span data-action="index_data_010_1">包括人机交互链网开发机，智能硬件私钥，手机APP等。支撑人对物的单一场景区块链链网式交易应用需求。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail">
              <i style="background-image:url(img/icon5.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_011">"物与人"场景交互系统"</span></h3>
                <p class="proText"><span data-action="index_data_011_1">提供特定场景人机交互场景深度弹性定制与智能数字化服务，提供人与设备交互自动化特定场景应用定制。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail" >
              <i style="background-image:url(img/icon6.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_012">智能机器人开发系统</span></h3>
                <p class="proText"><span data-action="index_data_012_1">IOTBC目前主要通过物理承载的语言与图像来做机器学习与人机界面交互。</span> </p>
              </div>
            </div>
          </div>
      </div>
    </div>
</div>
<div class="am-container m-home-box contentBox" style="max-width:1100px;">
    <div class="section contentBox" style="padding-top:0;padding-bottom:20px;margin-bottom:10px;">
      <div class="container contentBox" style="padding-top:0;">
        <div class="section--header">
          <h2 class="section--title" style="color:#fff;text-align:left;border-bottom:3px solid #fff;line-height:105px;"><span data-action="index_data_013">我们的优势</span></h2>
        </div>
      </div>
    </div>
    <div class="section product1-main">
      <div class="container" style="margin-bottom:30px;">
          <div class="am-g" id="proChoose1">
            <div class="am-u-md-4 activePro showDetail">
              <i style="background-image:url(img/icon7.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_014">合规性</span></h3>
                <p class="proText"><span data-action="index_data_014_1">IOTBC的签名及智能合约，受到《电子签名法》及《合同法》法律保护。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail" >
              <i style="background-image:url(img/icon8.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_015">全面支持</span></h3>
                <p class="proText"><span data-action="index_data_015_1">充分支持物与物、物与人的各种交易和交互，满足智能实体特定业务场景的深度定制需求</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail" >
              <i style="background-image:url(img/icon9.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_016">接入门槛低</span></h3>
                <p class="proText"><span data-action="index_data_016_1">使用IOTBC智能硬件链网系统对接传统智能实体业务，可轻松将传统智能业务升级为智能链网业务。</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail" >
              <i style="background-image:url(img/icon10.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_017">可弹性扩展</span></h3>
                <p class="proText"><span data-action="index_data_017_1">IOTBC支持和兼容传统互联网IT系统，在业务层上采用松耦合设计，实现应用层功能组件弹性扩展</span></p>
              </div>
            </div>
            <div class="am-u-md-4 showDetail" >
              <i style="background-image:url(img/icon11.png);height:68px;width:120px;margin:0 auto;display:block;"></i>
              <div class="product1-info">
                <h3 class="proTitle"><span class="spanStyle2" data-action="index_data_018">深度定制开发</span></h3>
                <p class="proText"><span data-action="index_data_018_1">IOTBC有丰富的物联网智能硬件的实战开发经验，具备专业化的物联网区块链深度垂直应用级方案开发能力</span></p>
              </div>
            </div>
          </div>
      </div>
    </div>
</div>
    
<footer class="m-footer">

<div class="am-container">
    <section class="am-g m-footer-container">
        <section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
            <h2><img src="img/logo.png" height="49" width="49" />&nbsp;&nbsp;COT.network</h2>
            <!-- <p class="footDetail"><span data-action="main_data_012">COT.network</span></p> -->
        </section>
        <section class="am-u-sm-12 am-u-md-6 am-u-lg-3 bottomText">               
            <!-- <ul>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Telegram</h3></li>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Discord</h3></li>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Twitter</h3></li>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Facebook</h3></li>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Reddit</h3></li>
                <li><h3><img src="img/logo.png" height="32" width="32" />&nbsp;&nbsp;Medium</h3></li>
            </ul> -->
        </section>
        <section class="am-u-sm-12 am-u-md-6 am-u-lg-3 subnav bottomText">
            <h2><img src="img/QR.png" height="162" width="162" /></h2>
            <a href="javascript:;" rel="nofollow"><span class="spanStyle" data-action="main_data_011">微信公众号</span></a> 
        </section>
    </section>
</div>
<div class="copyRight">
    <div class="m-footer-bottom">
        <p>Copyright @ 2017 - 2018 www.cot.network All Rights Reserved </p>
    </div>
</div>
</footer>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="views/IMJ2V2/js/polyfill/rem.min.js"></script>
<script src="views/IMJ2V2/js/polyfill/respond.min.js"></script>
<script src="views/IMJ2V2/js/amazeui.legacy.js"></script>
<![endif]-->
 <script src="views/IMJ2V2/js/echo.min.js"></script>
 <script>
  echo.init({
    offset: 100,
    throttle: 250,
    unload: false,
    callback: function (element, op) {
      console.log(element, 'has been', op + 'ed')
    }
  });
  // 图片赖加载
  </script>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="views/IMJ2V2/js/jquery.min.js"></script>
<script src="views/IMJ2V2/js/amazeui.min.js"></script>
<!--<![endif]-->
<script src='views/IMJ2V2/js/jquery.qrcode.min.js'></script>
<script type="text/javascript" src="js/amazeui.dialog.min.js"></script>
<script src='js/particles.min.js'></script>
<!--<script src='js/app.js'></script>-->
<script type="text/javascript">
    if(/mobile/i.test(navigator.userAgent)){
        //alert('mobile'+navigator.userAgent);
		document.write('<script type="text/javascript" charset="utf-8" src="js/app1.js"><\/script>');
    }else{
		//alert('PC'+navigator.userAgent);
		document.write('<script type="text/javascript" charset="utf-8" src="js/app.js"><\/script>'); 
	}
</script>
<script type="text/javascript" charset="utf-8" src="js/language_ch.js"></script>
<script type="text/javascript" charset="utf-8" src="js/language_en.js"></script>
<script type="text/javascript" charset="utf-8" src="js/config.js"></script>

<script type="text/javascript">
$(function(){
	var str = qrcode_url;
		$("#code").qrcode({
			render: "table",
			width: 100,
			height:100,
			text: str
		});

    //var $aBtn=$('ul.btn li');
    //var $aBtn1=$('ul.btnSmall li');
    var $aBtn2=$('#proChoose>div');
    var $aBtn3=$('#proChoose1>div');

    /**
    $aBtn.click(function(event) { 
        $(this).addClass('am-active');
        $(this).siblings("li").removeClass("am-active");
    });
    $aBtn1.click(function(event) { 
        $(this).addClass('am-active1');
        $(this).siblings("li").removeClass("am-active1");
    });**/
    $aBtn2.hover(function(event) { 
        $(this).addClass('activePro');
        $(this).siblings("div").removeClass("activePro");
    });
    $aBtn3.hover(function(event) { 
        $(this).addClass('activePro');
        $(this).siblings("div").removeClass("activePro");
    });

    var $box=$('.box');
    var $bgHover=$('.bgHover');
    $bgHover.mouseover(function(event) { 
        $box.css('display','block');
        $(document).mousemove(function(event) {
            var x=event.pageX-260;
            var y=event.pageY-305;
            $box.css({
              'left': x,
              'top': y
            });
          });
    });
    $bgHover.mouseout(function(event) { 
        $box.css('display','none');
    });
      

})
// 二维码生成
//返回顶部
function imj2(){
	this.init();
}
imj2.prototype = {
	constructor: imj2,
	init: function(){
		this._initBackTop();
	},
	_initBackTop: function(){
		var $backTop = this.$backTop = $('<div class="m-top-cbbfixed">'+
						//'<a class="m-top-weixin m-top-cbbtn"">'+
						//	'<span class="m-top-weixin-icon"></span><div></div>'+
						//'</a>'+
						'<a class="m-top-go m-top-cbbtn">'+
							'<span class="m-top-goicon"></span>'+
						'</a>'+
					'</div>');
		// $('body').append($backTop);

		$backTop.click(function(){
			$("html, body").animate({
				scrollTop: 0
			}, 120);
		});

		var timmer = null;
		$(window).bind("scroll",function() {
            var d = $(document).scrollTop(),
            e = $(window).height();
            0 < d ? $backTop.css("bottom", "10px") : $backTop.css("bottom", "-90px");
			clearTimeout(timmer);
			timmer = setTimeout(function() {
                clearTimeout(timmer)
            },100);
	   });
	}

}
var imj2 = new imj2();
//end返回顶部


</script>


</body>
</html>